//$primary-color: #666;
$v-font-size: 12px;
//$v-app-background-color: #FFFFFF;
//$v-border:#000;
$nombretabla:"tabla-prueba";

/*colores*/
$azuloscuro:#0079C1;
$azulclaro:#00559d;//#00559d
$turquesa: #62CABF;
$violeta: #430069;
$fuscia: #D646C2;

@import "../valo/valo.scss";

@mixin vical_va {
	@include valo;
	.v-button{
		//@include valo-button-hover-style($background-color:#333);
		//@include valo-button-focus-style($border-fallback:$azulclaro);//coloca el focus de un inicio al boton		
		//@include valo-button-style($background-color:$azuloscuro,$gradient:v-linear 10%,$font-weight: bold,$border-radius:5px);		
		@include boton-hover();
	}
	
	.v-button-social{				
		@include boton-hover(false);
	}
	.v-button-menu{
		@include valo-button-style();
	}
	
}

@mixin boton-hover($boolean:true){
	@if $boolean{
		&:hover{
			color:white;
			background:$azulclaro;
		}
	}@else{
		&:hover{
			color:black;
			background:none;		
		}
	}
}